﻿* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}

#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {
position: absolute;
bottom: 0px;
left: -8px;
width:755px; 
list-style:none;
color:#033; 
margin:0 auto;
background-image: url(../images/back_teclado.png);
background-repeat: no-repeat;
}
#acc h3 {
width:300px; 
border:0px solid #9ac1c9; 
height: 44px;
font-weight:bold; 
margin-top:5px; cursor:pointer; 
background-image: url(../images/h1_teclaco.png);
background-repeat: no-repeat;
background-position: left top;
}
#acc h3:hover {
background: url(../images/h1_teclaco_hover.png);
background-repeat: no-repeat;
}
#acc .acc-section {
overflow:hidden;
}
.campo_dni{
   width: 100%;
   margin: 12px;
}
.input_dni{
   background-image: url(../images/input_dni.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   width: 382px;
   height: 49px;
   padding-left: 70px;
   padding-top: 3px;
   font-size: 36px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #5a6e72;
   line-height: 52px;
   border: solid 0px #fff;
}
.btn_listo{
   background-image: url(../images/btn_listo.jpg);
   width: 108px;
   height: 53px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_listo:hover{
   opacity: 0.5;  
   -moz-opacity: 0.5;  
   filter: alpha(opacity=50); 
}
.btn_limpiar{
   background-image: url(../images/btn_limpiar.jpg);
   width: 116px;
   height: 53px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_limpiar:hover{
   opacity: 0.5;  
   -moz-opacity: 0.5;  
   filter: alpha(opacity=50); 
}
.btn_borrar{
   background-image: url(../images/btn_borrar.jpg);
   width: 116px;
   height: 55px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_borrar:hover{
   background-image: url(../images/btn_borrar.jpg);
   opacity: 0.5;  
   -moz-opacity: 0.5;  
   filter: alpha(opacity=50); 
}
.btn_1{
   background-image: url(../images/btn_1.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_2{
   background-image: url(../images/btn_2.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #ffffff;
}
.btn_3{
   background-image: url(../images/btn_3.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_4{
   background-image: url(../images/btn_4.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_5{
   background-image: url(../images/btn_5.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_6{
   background-image: url(../images/btn_6.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_7{
   background-image: url(../images/btn_7.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_8{
   background-image: url(../images/btn_8.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_9{
   background-image: url(../images/btn_9.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_0{
   background-image: url(../images/btn_0.jpg);
   width: 50px;
   height: 54px;
   cursor: pointer;
   border: solid 0px #fff;
}
.btn_1:hover, .btn_2:hover, .btn_3:hover, .btn_4:hover, .btn_5:hover, .btn_6:hover, .btn_7:hover, .btn_8:hover, .btn_9:hover, .btn_0:hover{
   opacity: 0.5;  
   -moz-opacity: 0.5;  
   filter: alpha(opacity=50); 
}
#acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}

#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(../images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}